<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
<title>x和y属性在动态移动层中的运用</title>
<style type="text/css">
<!--
.STYLE1 {font-size: 13px}
-->
</style>
<body style="background-color: #ADBAB1">
<div id="div1" style="visibility:visible ; background-color:#FFFF00; position: absolute; top: 60px; left: 200px; width: 360px; height: 200px;">
	<div id="title" onmousedown="div_down('div1',event)" style="background-color:#30608F;padding:2px; font-size:13px;text-indent:5px;color:#FFFFFF;cursor:move">吉林省明日科技有限公司</div>
	<img id="close" onclick="hide('div1')" style="position: absolute; right: 2px; top: 2px" src="close.gif" width="15" height="15">
	<span class="STYLE1"><br>
	&emsp;&emsp;吉林省明日科技有限公司是一家以计算机软件技术为核心的高科技型企业，公司创建于1999年12月，是专业的应用软件开发商和服务提供商。多年来始终致力于行业管理软件开发、数字化出版物开发制作、行业电子商务网站开发等，先后成功开发了涉及生产、管理、物流、营销、服务等领域的多种企业管理应用软件和应用平台，目前已成为计算机出版行业的知名品牌。
	</span>
</div>
<script type="text/javascript">
var Obj="none";
var pX;
var pY;
document.onmousemove=div_move;
document.onmouseup=div_up;
function div_down(tag,e){
	Obj=tag;
	pX=e.x-parseInt(document.getElementById(Obj).style.left);
	pY=e.y-parseInt(document.getElementById(Obj).style.top);
}
function div_move(e){
	if(Obj!="none"){
		document.getElementById(Obj).style.left=e.x-pX+"px";
		document.getElementById(Obj).style.top=e.y-pY+"px";
		e.returnValue=false;
	}
}
function div_up(){Obj="none";}
function hide(divid){
	document.getElementById(divid).style.visibility = "hidden";
}
</script>
</body>
</html>
